<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FluentSystemIcons-Light</title>

    <style>
        body {
            font-family: sans-serif;
            margin: 0;
            padding: 10px 20px;
            text-align: center;
        }
        .preview {
            width: 100px;
            display: inline-block;
            margin: 10px;
        }
        .preview .inner {
            display: inline-block;
            width: 100%;
            text-align: center;
            background: #f5f5f5;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
        }
        .preview .inner  {
            line-height: 85px;
            font-size: 40px;
            color: #333;
        }
        .label {
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            padding: 5px;
            font-size: 10px;
            font-family: Monaco, monospace;
            color: #666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            background: #ddd;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            color: #666;
        }
    </style>

    <link rel="stylesheet" type="text/css" href="FluentSystemIcons-Light.css" />
</head>
<body>

    <h1>FluentSystemIcons-Light</h1>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_accessibility_checkmark_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_accessibility_checkmark_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_add_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_add_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_app_folder_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_app_folder_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_app_generic_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_app_generic_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_archive_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_archive_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_archive_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_archive_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_clockwise_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_clockwise_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_down_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_down_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_download_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_download_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_forward_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_forward_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_hook_up_left_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_hook_up_left_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_redo_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_redo_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_reply_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_reply_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_reply_all_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_reply_all_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_arrow_undo_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_arrow_undo_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_attach_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_attach_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_auto_fit_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_auto_fit_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_autocorrect_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_autocorrect_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_breakout_room_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_breakout_room_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_broom_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_broom_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_3_day_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_3_day_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_clock_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_clock_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_data_bar_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_data_bar_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_day_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_day_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_edit_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_edit_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_empty_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_empty_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_ltr_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_ltr_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_month_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_month_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_multiple_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_multiple_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_pattern_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_pattern_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_reply_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_reply_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_sparkle_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_sparkle_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_todo_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_todo_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_calendar_work_week_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_calendar_work_week_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_chat_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_chat_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_checkmark_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_checkmark_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_checkmark_circle_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_checkmark_circle_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_classification_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_classification_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_clipboard_paste_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_clipboard_paste_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_clock_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_clock_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_clock_alarm_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_clock_alarm_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_color_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_color_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_color_fill_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_color_fill_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_color_fill_accent_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_color_fill_accent_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_comment_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_comment_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_comment_add_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_comment_add_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_compose_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_compose_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_copy_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_copy_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_crop_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_crop_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_cursor_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_cursor_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_delete_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_delete_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_dismiss_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_dismiss_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_dismiss_circle_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_dismiss_circle_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_document_lightning_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_document_lightning_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_document_signature_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_document_signature_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_door_arrow_right_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_door_arrow_right_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_edit_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_edit_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_emoji_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_emoji_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_filter_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_filter_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_flag_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_flag_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_flag_off_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_flag_off_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_flash_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_flash_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_folder_arrow_right_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_folder_arrow_right_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_folder_mail_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_folder_mail_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_hand_draw_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_hand_draw_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_image_add_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_image_add_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_image_alt_text_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_image_alt_text_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_image_copy_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_image_copy_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_image_reflection_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_image_reflection_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_image_shadow_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_image_shadow_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_immersive_reader_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_immersive_reader_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_important_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_important_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_lasso_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_lasso_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_column_two_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_column_two_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_column_two_focus_left_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_column_two_focus_left_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_column_two_focus_right_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_column_two_focus_right_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_row_two_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_row_two_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_row_two_focus_top_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_row_two_focus_top_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_row_two_focus_top_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_row_two_focus_top_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_layout_row_two_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_layout_row_two_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_link_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_link_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_lock_closed_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_lock_closed_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_lock_open_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_lock_open_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_alert_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_alert_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_arrow_clockwise_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_arrow_clockwise_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_arrow_double_back_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_arrow_double_back_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_copy_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_copy_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_edit_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_edit_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_list_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_list_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_multiple_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_multiple_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_read_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_read_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_rewind_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_rewind_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mail_unread_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mail_unread_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_mic_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_mic_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_molecule_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_molecule_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_note_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_note_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_options_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_options_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_paint_brush_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_paint_brush_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_panel_left_default_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_panel_left_default_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_panel_left_focus_right_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_panel_left_focus_right_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_pen_sparkle_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_pen_sparkle_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_add_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_add_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_community_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_community_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_edit_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_edit_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_list_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_list_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_people_sync_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_people_sync_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_add_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_add_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_available_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_available_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_feedback_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_feedback_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_mail_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_mail_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_prohibited_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_prohibited_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_person_suport_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_person_suport_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_phone_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_phone_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_picture_in_picture_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_picture_in_picture_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_pin_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_pin_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_pin_off_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_pin_off_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_poll_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_poll_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_print_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_print_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_question_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_question_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_read_aloud_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_read_aloud_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_rectangle_landscape_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_rectangle_landscape_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_rotate_left_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_rotate_left_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_save_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_save_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_send_clock_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_send_clock_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_share_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_share_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_shield_error_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_shield_error_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_signature_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_signature_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_square_arrow_forward_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_square_arrow_forward_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_stamp_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_stamp_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_star_add_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_star_add_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_star_arrow_right_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_star_arrow_right_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_cells_merge_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_cells_merge_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_cells_split_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_cells_split_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_dismiss_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_dismiss_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_move_above_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_move_above_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_move_below_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_move_below_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_move_left_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_move_left_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_move_right_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_move_right_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_settings_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_settings_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_table_simple_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_table_simple_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_tag_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_tag_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_text_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_text_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_text_clear_formatting_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_text_clear_formatting_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_text_collapse_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_text_collapse_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_text_density_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_text_density_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_text_edit_style_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_text_edit_style_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_text_expand_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_text_expand_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_textbox_align_top_left_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_textbox_align_top_left_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_toolbox_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_toolbox_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_translate_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_translate_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_video_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_video_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_video_clip_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_video_clip_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_window_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_window_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_wrench_screwdriver_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_wrench_screwdriver_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_zoom_in_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_zoom_in_32_light</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="icon icon-ic_fluent_zoom_out_32_light"></i>
            </span>
            <br>
            <span class='label'>ic_fluent_zoom_out_32_light</span>
        </div>


</body>
</html>
